<template>
  <div class="box">
   <ul>
     <li><router-link to="/Home" active-class="s" ><van-icon name="home-o"   size=".35rem" /><p>首页</p></router-link></li>
     <li><router-link to="/classify" active-class="s"><van-icon name="goods-collect-o"   size=".35rem" /><p>分类</p></router-link></li>
     <li><router-link to="/gwc" active-class="s"><van-icon name="shopping-cart-o"   size=".35rem"/><p>购物车</p></router-link></li>
     <li><router-link active-class="s" to="/my"><van-icon name="contact"   size=".35rem"/><p>我的</p></router-link></li>

   </ul>
  </div>
  
</template>

<script>

export default {
  data() {
    return {
      active: 0,
    };
  },
  methods: {
    my() {
          this.$router.push("/My")
        
          
    },
    shou(){
        this.$router.push("/")
    },
    
  },
  
};
</script>

<style scoped>
.box{
  margin-top:0.8rem;
}
ul{
  width: 100%;
  justify-content: space-around;
  background-color: #ffff;
  display: flex;
  position: fixed;
  bottom: 0;
  z-index: 999;
}
li{
  margin-top: 0.09rem;
height: 0.6rem;
width: 15%;
text-align: center;
/* line-height: .6rem; */
}
.s{
  color: #1989fa;
}
</style>

